<template>
  <div>{{ x }} * {{ y }}</div>
  <hr />
  <p>{{ count }}</p>
  <el-button type="primary" round @click="inc()">+1</el-button>
  <el-button type="success" round @click="dec()">-1</el-button>
  <el-button type="info" round @click="set(10)">设置为10</el-button>
  <el-button type="warning" round @click="dec(10)">-10</el-button>
  <el-button type="danger" round @click="reset()">重置</el-button>
</template>

<script setup>
import { useMouse, useCounter } from '@vueuse/core'
const { x, y } = useMouse()

const { count, inc, dec, set, reset } = useCounter(10)
</script>

<style scoped lang="scss">

</style>

